/*
Theme Name: Grunge Music
Theme URI: 
Description: This theme will be suitable for music or guitar related site.
Version: 1.2
Author: Pankaj Roy
Author URI: http://www.ycoding.com/
Tags: Music, Grunge, Guitar, Black, Red, Brick Red, Fixed Width, Two Columns, Widgets, XHTML, CSS, Valid XHTML, Valid CSS

    Grunge Music
    http://www.ycoding.com/

	This theme was designed and built by Pankaj Kumar Roy,
	whose portfolio is http://www.ycoding.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
font-family : Arial, Tahoma,Verdana;
font-size : 12px;color : #fff;margin:0; padding:0;
background :#090200;
}

a {color:#F46E38;text-decoration : none;}
a:hover {text-decoration : underline;}
img {margin:0; padding:0;}
a img {border:0;}
p {padding : 5px 0;margin : 0;}

.alignleft {float:right;}
.alignright {float:left;}
.aligncenter {margin-left:auto; margin-right:auto;}

/*  ====================== Page Structure ================= */

#wrapper {width : 800px; margin:0 auto;background :#230903 url(images/cont-bg.gif) repeat-y;}
#nav1 {height:104px; width:700px; padding:0 50px;background :url(images/nav-bg.gif) no-repeat;}
#header {width:800px; height:238px;background : url(images/header.gif) no-repeat;text-align:center;}
#contents {margin:0 auto; width:800px; min-height:409px;background : url(images/cont-top.gif) no-repeat;}
#cont-btm {width:800px; height:102px;background : url(images/cont-btm.gif) no-repeat;}
#footer {width:700px;padding:0 50px 20px 50px;background:#230903;}


/*  ====================== Header ======================= */


/* --------- Logo ------------ */
h1 {margin:0; padding:50px 220px 0 220px;font-size:36px;color:#fff;font-weight:normal;}
h1 a{color:#fff;text-decoration:none;}
h1 a:hover{color:#fff;text-decoration:none;}
.desc {font-size:12px;color:#fff;padding:5px 220px;}

/* --------- Navigation -------- */

#nav1 ul {margin :0;padding :44px 0 0 0;list-style : none;text-align:center;}
#nav1 li {margin :0;padding:0 15px 0 29px; font-size : 18px; list-style : none; line-height:16px; background : url(images/nav-li.gif) no-repeat 0 5px;display:inline;}
#nav1 li.home {background : transparent;padding:0 15px 0 15px;}
#nav1 li a {color:#D3CFCE;text-decoration:none; }
#nav1 li a:hover {text-decoration : none;color:#fff;}

/* search bar ----*/
form.searchbar { margin:0;padding:0; }
form.searchbar p {margin:0;padding:0;}
form.searchbar input{float:left;margin:0;font-size:12px; padding:4px 0; color:#fff;border:0; }
form.searchbar input.txt{width:120px;background:#551808;/*transparent;*/ margin:0 10px 5px 0; height:12px;}
form.searchbar input.btn{background:#3D1005;font-weight : bold;height:24px;padding:0 4px;}






/*  ======================== Conatents ======================= */
.sidebar{float:left; width:214px; margin:0;padding:20px 10px 0 10px;}
#content{float:left; width:546px; padding:10px 10px 0 10px;}
.post {padding:0 10px 30px 10px; }
#content form#searchform {text-align:center;}
.post h2 {color:#fff;font-size:24px;margin:0;padding:0 0 5px 0;line-height:20px;}
.post h2 a, h2 a:hover {color:#fff; text-decoration:none;}
.post .date {color:#F46E38; font-size:11px;}
.post .date a {color:#F46E38;}
.entry {text-align:justify;padding:10px 0;}


/* --------------- SideBars ----------------*/
.sidebar ul {list-style : none;margin :10px 0 0 0;padding : 0;}
.sidebar ul li {list-style:none;margin:0;padding:0 0 15px 0;}
.sidebar ul li h2 {margin:0; padding:0 0 2px 0; line-height:20px; font-size:20px; color:#F46E38;font-weight:normal;}
.sidebar ul ul {list-style:none;margin:0;padding:0;}
.sidebar ul ul li {list-style:none;margin:0; color:#fff;padding:3px 0 0 20px;font-size : 12px;}
.sidebar ul ul ul li {list-style:none;padding:3px 0 0 15px;}
.sidebar a {color:#ffffff;}
.sidebar a:hover {color:#F46E38;text-decoration:none;}


/*  ========================= Footer  ======================= */
#footer .fleft { background : url(images/ftr-left.gif) no-repeat; width:39px; height:66px;float:left;}
#footer .frt {background : url(images/ftr-rt.gif) no-repeat; width:32px; height:64px;float:left; }
#footer .fmain  {padding:14px 6px; float:left; width:617px; height:40px; line-height:20px; background:#2B0B04;}
#footer {color:#F3AC8F;font-size:11px;}
#footer a{color:#fff;font-weight:bold;}


/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #F46E38; width:100%;padding:0 0 15px 0;font-weight:bold;}
small {margin:0; padding:0; font-size:12px;}
#searchform {margin-top:30px;}
h2.pagetitle, h2.center {margin:0;text-align: center; padding:0; font-size:16px; color:#F46E38;}
h3, h3#comments {padding: 0;margin: 10px auto 10px ;color:#F46E38;font-size:16px;}
a.more-link {text-align:right;color:#F46E38; }
p.postmetadata {margin:0;font-weight:bold;}
p.postmetadata a{font-weight:normal;}
.alt { background-color: #2B0B04;	border:1px solid #F46E38;}
.alt a {font-weight:normal;}
input, select, textarea {border: 0; color:#fff; border:1px solid #2B0B00;background:#2B0B04;}
#commentform #submit, #searchsubmit {margin: 0; color:#ffffff; border:0;background:#F46E37;font-weight:bold;border:1px solid #F46E38; margin-left:5px;}
blockquote { border-left: 3px solid #F46E38;}
	
ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #F46E38;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;color:#ffffff;margin-top:10px;}
#calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;	font-size: 9px;}
#wp-calendar #next a {padding-right: 2px;text-align: right;}
#wp-calendar #prev a {padding-left: 2px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;color:#fff;}
#wp-calendar td {padding: 1px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9px;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#calendar_wrap #today {font-weight:bold;color:#000;background:#fffffe;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none;list-style-image: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}

/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}
/* End Various Tags & Classes*/

.post img {padding:5px;}

